/**
*  描述：main
*/
<style lang="scss" scoped>
  @import 'src/styles/mixins';
  @import 'src/styles/common';
  .component-sidebar{
    width:254px; margin-right:20px;float: left;
  }
  .component-main {
    width:922px;float: right;padding:15px;min-height:700px;
  }
  // 动画
  .slide-both-enter-active,
  .slide-both-leave-active {
    transition: all 0.3s;
  }
  .slide-both-enter {
    opacity: 0;
    transform: scale3d(0.95, 0.95, 0.95);
  }
  .slide-both-leave-to {
    opacity: 0;
    transform: scale3d(0.95, 0.95, 0.95);
  }
  .com-line{
    border-bottom:1px #e7e5e5 solid;margin-bottom:30px;
  }
</style>
<template>
  <div style="margin-bottom:30px;">
    <div class="com-line cccShadow"></div>
    <div class="l-inner">
      <!--导航-->
      <div class="component-sidebar cccShadow">
        <company-sidebar></company-sidebar>
      </div>
      <!--内容部分-->
      <div class="component-main cccShadow">
        <transition name="slide-both" mode="out-in">
          <router-view></router-view>
        </transition>
      </div>
      <div class="clear"></div>
    </div>
  </div>
</template>
<script>
  import { mapState } from 'vuex';
  import companySidebar from '@/components/sidebar/companySidebar';

  export default {
    name: 'companyMain',
    computed: {
      ...mapState([
        'sidebar_an'
      ])
    },
    components: {
      companySidebar
    }
  };
</script>
